/*ADMIN-VIETVO-vcqviet@gmail.com*/
@charset "UTF-8";
body{
	padding:0px;
	margin:0px;
	width:100%;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;	
	background:#efefef;
	font-size: 12px;
	line-height: 1.5em;
}
/*FANCYBOX-UPLOAD CONTROL*/
.fancybox-inner{
	height: 100%;
}
/*END*/
a{
	text-decoration:none;
	color:#000;
}
a:hover{
	text-decoration:underline;
	color:#f00;
}
form{
	padding:0px;
	margin:0px;
}
input, select, textarea{
	outline-color: #99ffff;
}
input.sort-order{
	width:60px;
}
.clr{
	clear:both;
}

#page-top{
	min-height:50px;
	padding:0px 0px 0px 10px;
	background: url(img/global/top-bg.png) top left repeat-x #dadada;
}
#page-top > #top-logo{
	background:url(img/global/vnguider-logo-50.png) top left no-repeat;
	height:50px;
	width:270px;
	padding-bottom:5px;
}
#page-top > #top-logo > a{
	height:50px;
	width:100%;
	padding-bottom:5px;
	display: block;
}
#page-user-region{
	background:#666;
	color:#ddd;
	height:25px;
	border-top:1px solid #c00;
	border-bottom:1px solid #c00;
}
#page-user-region > .admin-language{
    float: right;
}

#page-user-region > .admin-user{
	max-width:400px;
	float: right;
	color:#fff;
	padding:3px 5px;
}

#page-user-region > .admin-user a{
	color:#fff;
	text-decoration: none;
}
#page-user-region > .admin-user a:hover{
    color:#ff0;
    text-decoration: underline;
}

#page-content{
	
}
#page-fotter{
}
/*CONTENT - RIGHT*/
#page-content-right{
	float: right;
	padding:10px 10px 10px 10px;
	overflow: hidden; 
}
#page-content-right  #inner{
    overflow: hidden; 
}
#page-content-right #inner .box-navigation{
	color:#06f;
	font-size: 13px;
	padding:5px 0px;
	font-weight: bold;
	font-style: italic;
}

/* FILTER */
#page-content-right  #inner  .box-filter{
	background:#dadada;
	padding:5px;
	border:solid 1px #ccc;
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	text-align: right;

}
#page-content-right  #inner  .box-filter input{
	border:1px solid #ccc;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:3px 5px;
	height:16px;
	outline-color: #99ffff;
	width:180px;
}
#page-content-right  #inner  .box-filter select{
    border:1px solid #ccc;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    padding:2px;
    outline-color: #99ffff;
}
#page-content-right  #inner  .box-filter input.button{
   padding:5px 10px;
   height:24px;
   background: url(img/global/button-bg.png) left center repeat-x;
   color:#fff;
   border:none;
   border-radius:5px;
   padding:4px 25px;
   cursor: pointer;
   width: auto;
}
/*PAGINATION*/
#page-content-right  #inner  .box-content div.pagination{
	display: inline-block;
	float: right;
}
#page-content-right  #inner  .box-content div.pagination > span > a{
	display: inline-block;
	padding:0px 7px;
	text-decoration: none;
	font-size: 12px;
	text-align: center;
	color:#333;
	height:15px;
}
#page-content-right  #inner  .box-content div.pagination > span > a.page-current{
	color:#f00;
}
#page-content-right  #inner  .box-content div.pagination > span > a.page-dot{
	font-weight: bold;
	padding:0px 0px;
}
#page-content-right  #inner  .box-content div.pagination > span > a.page-normal:hover{
	color:#f00;
}
#page-content-right  #inner  .box-content div.pagination > span > a + a.page-current, 
#page-content-right  #inner  .box-content div.pagination > span > a + a.page-normal
{
	border-left: 1px solid #ccc;
}
#page-content-right  #inner  .box-content div.pagination > span > a.page-dot + a{
	border-left: none
}
/*TABLE LIST*/
#page-content-right  #inner  .box-content .control{
	display: inline-block;
}
#page-content-right  #inner  .box-content .control a.a-control-get, 
#page-content-right  #inner  .box-content a.a-control{
	display: inline-block;
	padding:3px 7px 3px 17px;
}
#page-content-right  #inner  .box-content .control a.a-control-get.add{
	background: url(img/global/control-add-new.png) left center no-repeat;
}
#page-content-right  #inner  .box-content .control a.a-control.delete{
	background: url(img/global/control-delete.png) left center no-repeat;
}
#page-content-right  #inner  .box-content .control a.a-control.disable{
	background: url(img/global/control-disable.png) left center no-repeat;
}
#page-content-right  #inner  .box-content .control a.a-control.enable{
	background: url(img/global/control-enable.png) left center no-repeat;
}
#page-content-right  #inner  .box-content .control a.a-control.save-order{
	background: url(img/global/control-sort.png) left center no-repeat;
}
#page-content-right  #inner  .box-content{
	border: 1px solid #dadada;
	padding:10px;
	background: #fff;	
}
#page-content-right  #inner  .box-content .box-content-main{
	padding:10px 0px;
}
#page-content-right  #inner  .box-content .box-content-main table.table-list{
	border: 1px solid #ccc;
	width:100%;
	background: #fff;
}
#page-content-right  #inner  .box-content .box-content-main table.table-list  tr td{
	padding:5px;
}
#page-content-right  #inner  .box-content .box-content-main table.table-list  tr.class0{
	background: #efefef;
	border-top:1px solid #ccc;
}

#page-content-right  #inner  .box-content .box-content-main table.table-list  tr:hover, 
#page-content-right  #inner  .box-content .box-content-main table.table-list  tr.class0:hover{
	background: #cfc;
	
}
#page-content-right  #inner  .box-content .box-content-main table.table-list  tr.enable-0,
#page-content-right  #inner  .box-content .box-content-main table.table-list  tr.enable-0 *{
	font-style: italic;
	color: #999;
}

#page-content-right  #inner  .box-content .box-content-main table.table-list  tr td + td{
	border-left: 1px solid #ccc;
}
#page-content-right  #inner  .box-content .box-content-main table.table-list .head{
	background: #dadada;
	color:#333;
	font-weight: bold;
	font-size: 13px;
	padding:5px;
	border-bottom:1px solid #ccc;
}
#page-content-right  #inner  .box-content .box-content-main table.table-list td.sort-order{
	width:100px;
}
#page-content-right  #inner  .box-content .box-content-main table.table-list .updated-by{
	width:135px;
}
#page-content-right  #inner  .box-content .box-content-main table.table-list .updated-at{
	width:125px;
}
#page-content-right  #inner  .box-content .box-content-main table.table-list .action{
	width: 200px;
}
#page-content-right  #inner  .box-content .box-content-main table.table-list .checkbox-select{
	width:20px;
}

/*FORM*/
#page-content-right  #inner  .box-content .control-back{
	text-align: right;
	font-size: 12px;
}
#page-content-right  #inner  .box-content .control-back a{
	display: inline-block;
	background: url(img/global/control-back.png) center left no-repeat;
	padding:3px 0px 3px 20px;
}
#page-content-right  #inner  .box-content .box-content-main .note, 
#page-content-right  #inner  .box-content .box-content-main .message, 
#page-content-right  #inner  .box-content .box-content-main .required{
	color:#f00;
	font-size: 11px;
	text-align: right;
}
#page-content-right  #inner  .box-content .box-content-main .note{
	float: right;
}
#page-content-right  #inner  .box-content .box-content-main .message{
	float: left;
}
#page-content-right  #inner  .box-content .box-content-main table.table-form{
	background: #fff;
	padding:10px;
	
}
#page-content-right  #inner  .box-content .box-content-main table.table-form tr{
	border-top:1px solid #efefef;
	border:none;
}
#page-content-right  #inner  .box-content .box-content-main table.table-form td.label{
	width:250px;
	border-top:1px solid #ccc;
	text-align: right;
	border:none;
	background:#fff;
}
#page-content-right  #inner  .box-content .box-content-main table.table-form td.input{
	border-top:1px solid #ccc;
	border:none;
	background:#fff;
}
#page-content-right  #inner  .box-content .box-content-main table.table-form td.input span.error{
	padding:3px;
	width:230px;
	display: inline-block;
	font-size: 11px;
	color:#f00;
}
#page-content-right  #inner  .box-content .box-content-main table.table-form td.error{
	width:250px;
	border-top:1px solid #ccc;
	text-align: left;
	border:none;
	background:#fff;
}
#page-content-right  #inner  .box-content .box-content-main table.table-form td.error span{
	border:1px solid #f00;
	padding:10px;
	width:230px;
	display: block;
	font-size: 11px;
}
#page-content-right  #inner  .box-content .box-content-main table.table-form td.input input,
#page-content-right  #inner  .box-content .box-content-main table.table-form td.input select,
#page-content-right  #inner  .box-content .box-content-main table.table-form td.input textarea{
	border:1px solid #ccc;
	border-radius: 3px;
	-o-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 5px 10px;
	text-align: left;
}

#page-content-right  #inner  .box-content .box-content-main table.table-form td.input select{
	padding: 3px;
	font-size: 12px;
	min-width:200px;
}
#page-content-right  #inner  .box-content .box-content-main table.table-form td.input .form-text{
	width: 280px;	
	font-size: 12px;
}
#page-content-right  #inner  .box-content .box-content-main table.table-form td.input .number{
	width: 80px;	
	font-size: 12px;
}
#page-content-right  #inner  .box-content .box-content-main table.table-form td.input .required{
	background: #ffc;
	color: #333;
}
#page-content-right  #inner  .box-content .box-content-main table.table-form td.input .button{
	padding:5px 10px;
	height:24px;
	background: url(img/global/button-bg.png) left center repeat-x;
	color:#fff;
	border:none;
	border-radius:5px;
	padding:4px 25px;
	cursor: pointer;
	width: auto;
}
#page-content-right  #inner  .box-content .box-content-main table.table-form td.input > ul, #page-content-right  #inner  .box-content .box-content-main table.table-form td.input > ul > li{
	list-style: none;
	margin:0px;
	padding:0px;
	display: inline;
}
#page-content-right  #inner  .box-content .box-content-main table.table-form td.input textarea{
	width:500px;
	height:100px;
}
/*MENU*/
#page-content-left{
	background: #dadada;
	padding:10px 0px;
	border-right:1px solid #900;
	width: 250px;
	float: left;
	overflow: hidden; 
}
#page-content-left #inner{
	overflow: hidden;
}
#page-content-left  div.box-menu{
	margin:0px 10px 20px 10px;
	width:215px;
	background: #efefef;
	border:1px solid #999;
	border-radius:7px 7px 0px 0px;
	-moz-border-radius:7px 7px 0px 0px;
	-webkit-border-radius:7px 7px 0px 0px;
	padding:1px;
	overflow: hidden;
}
#page-content-left  div.box-menu > div.title{
	background: url(img/global/arr-up.png) 195px 9px no-repeat #6699cc;
	padding:3px 10px;
	font-size: 12px;
	border-radius:5px 5px 0px 0px;
    -moz-border-radius:5px 5px 0px 0px;
    -webkit-border-radius:5px 5px 0px 0px;
    border-bottom:1px solid #999;
    cursor: pointer;
    color:#fff;
}
#page-content-left  div.box-menu > div.title-unactive{
    background: url(img/global/arr-down.png) 195px 10px no-repeat #6699cc;
}
#page-content-left  div.box-menu > div.title:hover{
	
}

#page-content-left  div.box-menu > div.content{
    padding:10px 10px;
    overflow: hidden;
    width:195px;
}


/*IMG*/
span.img-item{
	display: inline-block;
	max-width: 120px;
	max-height: 100px;
	margin:5px 3px;
	overflow: hidden;
	text-align: right;
}
span.img-item > img{
	display: inline-block;
	max-width: 120px;
	max-height: 80px;
}
span.img-item > a{
	display: inline-block;
	margin: 5px 0px 0px 3px;
	background: url(img/global/delete.png) center center no-repeat;
	width:16px;
	height:16px;
}


